<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>我的</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/fonts_2.0.0/iconfont_v2.0.0.min.css?v={v}(path=${staticPath}, v=${v})}">
</head>
<body>
    <!--menu begin-->
    <div data-th-replace="layout/menu"></div>
    <!--menu end-->
    <!--主体区域 开始-->
    <div class="content wm-content ovf">
        <section class="u-index-head">
            <div class="u-i-head-top clearfix">
                <a  class="u-i-head-top-alink pr myMessage">
                    <i class="icon iconfont_v2 iconxinfeng1"></i>
                    <span id="unread-message-count" style="font-size: .6rem;" class="badge wm-badge hide"></span>
                </a>
              <a href="javascript:;" th:if="${serviceSwitch} eq 'ON' and !${#strings.isEmpty(wechatServiceUrl)}  and ${wechatServiceUrl}!=null" id="showWxPblice" class="u-i-head-top-alink">
                    <i class="icon iconfont_v2 iconerweima"></i>
                </a>
            </div>
            <div class="facebook-card">
                <a th:href="@{/mobile/uc/userInfo}">
                    <div class="clearfix">
                        <aside class="pull-right c-bbb mt5 pt5">
                            <span class="c-bbb fs6"><em class="icon icon-right"></em></span>
                        </aside>
                        <div class="facebook-avatar pr mr5">
                            <th:block th:if="${isMemberUser}">
                                <img class="wm-img memberUserTag" th:src="@{{path}/front/mobile/v3/img/uc/memberUserTag-pic.png?v={v}(path=${staticPath},v=${v})}" width="72" alt="会员"/>
                            </th:block>
                            <img th:if="!${#strings.isEmpty(userMap['avatar'])}" class="wm-img list-block-userface" th:src="${userMap['avatar']}" width="68" height="68" th:alt="${userMap['nickname']}"/>
                            <img th:if="${#strings.isEmpty(userMap['avatar'])}" class="wm-img list-block-userface" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg?v={v}(path=${staticPath},v=${v})}" width="68" height="68" th:alt="${userMap['nickname']}"/>
                        </div>
                        <div class="facebook-name">
                            <span th:text="${userMap['nickname']}"></span>
                        </div>
                        <div class="ellipsis">
                            <span class="c-bbb fs4" id="dayStyleTxt">亲，欢迎来到学习中心，开启学习之旅</span>
                        </div>
                    </div>
                </a>
            </div>
            <article class="live-cont__wrap ucenter-cont__wrap">
                <div class="card">
                    <section class="row no-gutter text-center">
                        <aside class="col-25">
                            <a class="ucenter-tj-menu-bx">
                                <span>
                                    <svg width="30" height="30" id="iconkecheng" viewBox="0 0 1024 1024"><path d="M923.234798 228.939401l-20.277224-2.653965c-37.923763-11.081468-74.264459-28.006315-85.392487-61.017915-11.22115-33.267684 8.893111-113.910971 14.992574-136.725757a4.888883 4.888883 0 0 0-4.795761-6.122744H172.977521C110.306699 22.41902 59.299354 72.844355 59.299354 134.793485l2.93333 789.158816c0 42.277197 34.78091 76.639059 77.546994 76.639059h717.501762c47.79465 0 86.533227-38.272969 86.533227-85.508889V252.149954a23.513199 23.513199 0 0 0-20.579869-23.210553zM172.977521 114.772345h552.723129c-3.771424 33.942815-4.399995 61.879289 10.476177 86.928994 4.632799 7.798932 11.570356 15.970351 21.79045 22.721665L180.357406 226.285436a27.238062 27.238062 0 0 1-27.401024-26.981978l-0.232804-64.440132a20.184102 20.184102 0 0 1 20.253943-20.090981z m-17.343894 793.48897l-2.211637-593.068052a15.807388 15.807388 0 0 0 9.312157 3.422218h687.679577v589.645834H155.633627z"></path><path d="M389.671434 518.733753l-140.124695 138.495067v-338.962545h280.22611v338.962545l-140.101415-138.495067z" fill="#2E8DF2"></path></svg>
                                </span>
                                <span class="fs4 c-666">学习中心</span>
                            </a>
                        </aside>
                        <aside class="col-25">
                            <!--<a href="/mobile/uc/course/play/record/userStudyRecord" class="ucenter-tj-menu-bx">-->
                            <a class="ucenter-tj-menu-bx pr">
                                <span>
                                    <svg width="28" height="28" id="iconjilu" viewBox="0 0 1048 1024"><path d="M928.638191 52.994379h-154.253072v-2.047284c0-28.028288-22.910079-50.76776-51.157719-50.767759a50.962739 50.962739 0 0 0-51.157718 50.767759v2.047284H375.603514v-2.047284A50.938367 50.938367 0 0 0 324.470168 0.179336a50.938367 50.938367 0 0 0-51.157718 50.767759v2.047284H89.593116C40.117095 52.994379 0.000085 92.794548 0.000085 141.904983v763.783029C0.000085 970.932991 53.302577 1023.821152 119.035005 1023.821152h809.603186c65.732428 0 119.010547-52.88816 119.010548-118.13314V171.127519c0-65.24498-53.278119-118.13314-119.010548-118.13314z m-809.603186 97.489697h154.277445V182.972517a50.938367 50.938367 0 0 0 51.157718 50.76776A50.938367 50.938367 0 0 0 375.603514 182.972517V150.484076h296.466168V182.972517a50.938367 50.938367 0 0 0 51.157718 50.76776A50.938367 50.938367 0 0 0 774.385119 182.972517V150.484076h154.253072a20.716561 20.716561 0 0 1 20.814051 20.643443v201.145617H98.220955V171.127519a20.716561 20.716561 0 0 1 20.81405-20.643443zM928.638191 926.331455H119.035005a20.716561 20.716561 0 0 1-20.81405-20.643443V464.888348h851.231287v440.799664a20.716561 20.716561 0 0 1-20.814051 20.643443z"></path><path d="M729.881072 627.159948H317.792124a46.502585 46.502585 0 0 0-46.673192 46.307606c0 25.566673 20.91154 46.307606 46.673192 46.307606h412.088948a46.478213 46.478213 0 0 0 46.64882-46.307606c0-25.566673-20.887168-46.307606-46.64882-46.307606z" fill="#2E8DF2"></path></svg>
                                </span>
                                <span class="fs4 c-666">直播课程表</span>
                                <span class="learning-badge-spot badge wm-badge" th:if="${count}>0"></span>
                            </a>
                        </aside>
<!--                        <aside class="col-25">-->
<!--                            <a href="/mobile/uc/exam/record/history" class="ucenter-tj-menu-bx">-->
<!--                                <span>-->
<!--                                    <svg width="32" height="32" id="iconkaoshi" viewBox="0 0 1194 1024"><path d="M1109.586886 192.167726h-150.712939V89.962241c0-37.125427-29.863274-67.361119-66.569731-67.361119H275.323848C238.710496 22.601122 208.940326 52.74371 208.940326 89.752756v102.41497H58.227387a44.829826 44.829826 0 0 0-44.527236 45.039311v137.11968c0 130.416154 104.88224 236.508753 233.808722 236.508753 1.536225 0 2.979345-0.30259 4.469017-0.465523 55.955816 107.558995 161.489787 184.672812 285.667939 200.128163v102.973597h-164.771722v86.23806h422.066059v-86.23806h-164.771722v-102.973597c124.178152-15.45535 229.688847-92.569168 285.667939-200.128163 1.489672 0.162933 2.932792 0.465523 4.469017 0.465523 128.903206 0 233.808722-106.092599 233.808722-236.508753v-137.11968a44.829826 44.829826 0 0 0-44.527236-45.039311zM222.975832 538.423431c-78.859527-12.010483-139.517121-81.024207-139.517121-164.096714v-111.609042H208.940326v171.894217c0 35.193508 5.120749 69.130105 14.035506 101.460649v2.35089z m642.886701-103.811539c0 157.044047-126.319555 284.806722-281.571341 284.806722h-0.768112c-155.251785 0-281.57134-127.762676-281.57134-284.806722V116.706514h563.910793v317.905378zM1084.355561 374.326717c0 83.072507-60.657594 152.086231-139.540397 164.096714v-2.327613c8.938034-32.35382 14.058782-66.290417 14.058783-101.483926v-171.894217H1084.355561v111.609042z"></path><path d="M592.274905 236.857895l34.960747 71.38789a9.310452 9.310452 0 0 0 7.029391 5.144024l78.184519 11.451856c7.657847 1.117254 10.70702 10.613915 5.167301 16.06053l-56.560995 55.583397a9.403556 9.403556 0 0 0-2.700031 8.309578l13.360498 78.487109a9.357004 9.357004 0 0 1-13.546707 9.915632l-69.921494-37.055599a9.240623 9.240623 0 0 0-8.681996 0l-69.921493 37.055599a9.357004 9.357004 0 0 1-13.546708-9.915632l13.360499-78.487109a9.403556 9.403556 0 0 0-2.700031-8.309578l-56.560995-55.583397a9.426832 9.426832 0 0 1 5.1673-16.06053l78.18452-11.451856a9.333728 9.333728 0 0 0 7.029391-5.144024l34.960747-71.38789a9.310452 9.310452 0 0 1 16.735537 0z" fill="#2E8DF2"></path></svg>-->
<!--                                </span>-->
<!--                                <span class="fs4 c-666">我的考试</span>-->
<!--                            </a>-->
<!--                        </aside>-->
                        <aside class="col-25">
                            <a href="/mobile/uc/order/orderList" class="ucenter-tj-menu-bx">
                                <span>
                                    <svg width="30" height="30" id="icondingdan" viewBox="0 0 1024 1024"><path d="M849.733349 113.433237h-126.544079A151.345228 151.345228 0 0 0 584.186398 22.123091h-164.665658a151.345228 151.345228 0 0 0-139.002872 91.310146H153.973789c-52.210494 0-94.686828 42.196885-94.686828 94.081354v699.089668c0 51.88447 42.476334 94.081354 94.686828 94.081354h695.75956c52.210494 0 94.686828-42.196885 94.686829-94.081354V207.514591c0-51.88447-42.476334-94.081354-94.686829-94.081354z m-430.212609-3.725994h164.665658A62.876153 62.876153 0 0 1 647.178988 172.327233a62.876153 62.876153 0 0 1-62.99259 62.596703h-164.665658A62.876153 62.876153 0 0 1 356.528151 172.327233a62.876153 62.876153 0 0 1 62.992589-62.61999z m432.122181 796.897016a1.909572 1.909572 0 0 1-1.909572 1.909572H153.973789a1.909572 1.909572 0 0 1-1.909572-1.909572V207.514591c0-1.047936 0.861636-1.909572 1.909572-1.909572h118.27703a151.135641 151.135641 0 0 0 147.269921 116.903069h164.665658a151.089066 151.089066 0 0 0 147.269922-116.903069h118.277029c1.047936 0 1.909572 0.861636 1.909572 1.909572v699.089668z"></path><path d="M683.530719 604.705576H320.199707a41.428398 41.428398 0 0 1-41.568123-41.288673v-0.395887c0-22.798427 18.606684-41.288674 41.568123-41.288674h363.331012c22.938152 0 41.544836 18.490246 41.544836 41.288674v0.395887c0 22.798427-18.606684 41.288674-41.544836 41.288673z m-363.144713 99.484046h362.935126c23.054589 0 41.754423 18.560109 41.754423 41.474973 0 22.914865-18.699834 41.474973-41.754423 41.474974H320.386006c-23.054589 0-41.754423-18.560109-41.754422-41.474974 0-22.914865 18.699834-41.474973 41.754422-41.474973z" fill="#2E8DF2"></path></svg>
                                </span>
                                <span class="fs4 c-666">我的订单</span>
                            </a>
                        </aside>
                    </section>
                </div>
            </article>
        </section>
        <article>
            <!--我的 开始-->
            <div class="page-infinite__wrap  ucenter-infinite__wrap">
                <div class="content native-scroll">
                    <!--上次学到-->
                    <article th:if="!${#maps.isEmpty(coursePlayRecord)}" class="u-index-study-history__wrap">
                        <div class="card">
                            <section class="row no-gutter wl-live-left">
                                <section class="col-75">
                                    <div class="wp-live-txt__wrap ellipsis wp-ucenter_wrap" data-space-between='10'>
                                        <span class="u-index-study-history-icon"></span>
                                        <ul id="wp-live-txt__ul" class="swiper-wrapper">
                                            <li class="swiper-slide">
                                                <a href="javascript:;">
                                                    <span>上次学习至：<small class="fs12" th:text="${coursePlayRecord['buyCourse']['courseName']}"></small></span>
                                                    <span class="ellipsis c-blue" th:if="!${#maps.isEmpty(coursePlayRecord['courseCatalog'])}" th:text="${coursePlayRecord['courseCatalog']['catalogName']}"></span>
                                                    <span class="ellipsis c-blue" th:if="${#maps.isEmpty(coursePlayRecord['courseCatalog'])}">课程目录已删除</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </section>
                                <section th:if="!${#maps.isEmpty(coursePlayRecord['courseCatalog'])}" class="col-25 text-right">
                                    <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}=='LIVE' and ${coursePlayRecord['finish']}==1" th:href="@{/mobile/course/liveInfo?courseId={courseId}&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live ">继续学</a>
                                    <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}=='LIVE' and ${coursePlayRecord['finish']}==2" th:href="@{/mobile/course/liveInfo?courseId={courseId}&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live ">已完成</a>
                                    <th:block th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}!='LIVE'">
                                        <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}!='PACKAGE' and ${coursePlayRecord['finish']}==1" th:href="@{/mobile/course/info?onLimit=true&courseId={courseId}&packageCourseId=0&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live">继续学</a>
                                        <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}!='PACKAGE' and ${coursePlayRecord['finish']}==2" th:href="@{/mobile/course/info?onLimit=true&courseId={courseId}&packageCourseId=0&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live">重新学</a>
                                        <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}=='PACKAGE' and ${coursePlayRecord['finish']}==1" th:href="@{/mobile/course/info?onLimit=true&courseId={courseId}&packageCourseId={packageCourseId}&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},packageCourseId=${coursePlayRecord['courseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live">继续学</a>
                                        <a th:if="${coursePlayRecord['buyCourse']['courseTypeKey']}=='PACKAGE' and ${coursePlayRecord['finish']}==2" th:href="@{/mobile/course/info?onLimit=true&courseId={courseId}&packageCourseId={packageCourseId}&catalogId={catalogId}(courseId=${coursePlayRecord['buyCourseId']},packageCourseId=${coursePlayRecord['courseId']},catalogId=${coursePlayRecord['catalogId']})}" class="button button-fill button-round button-danger watch-live">重新学</a>
                                    </th:block>
                                </section>
                            </section>
                        </div>
                    </article>

                    <div class="list-block u-index-menu">
                        <ul>
                            <!--<li class="item-content item-link myCourse">
                                <div class="item-media"><i class="c-blue iconfont icon-kecheng"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的课程</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myStudyRecord">
                                <div class="item-media"><i class="c-red iconfont icon-xuexijilu"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">学习记录</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myExam">
                                <div class="item-media"><i class="c-orange iconfont icon-kaoshi"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的考试</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>-->
<!--                            <li class="item-content item-link myTask">-->
<!--                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconfankui"></i></div>-->
<!--                                <div class="item-inner">-->
<!--                                    <div class="item-title">我的作业</div>-->
<!--                                    <div class="item-after">&nbsp;</div>-->
<!--                                </div>-->
<!--                            </li>-->
                            <li class="item-content item-link myAccount">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconzhanghu"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的账户</div>
                                    <div class="item-after"><span class="fs4 c-ccc">查看余额与收益</span></div>
                                </div>
                            </li>
                          <li class="item-content item-link myIntegral">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconjifen"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的<th:block th:text="${userIntegralRuleName['name']}"></th:block></div>
                                    <div class="item-after"><span class="fs4 c-ccc">惊喜随心兑</span></div>
                                </div>
                            </li>
                            <li class="item-content item-link myQa">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconwenda"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的问答</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myTopic">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconhuati"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的话题</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myMember">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconhuiyuan"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的会员</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <!--<li class="item-content item-link myOrder">
                                <div class="item-media"><i class="c-green iconfont icon-dingdan-xuanzhong"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">我的订单</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>-->
                            <li class="item-content item-link myExtension">
                                <input hidden id="agentCenterSwitch" th:value="${agentCenterSwitch}"/>
                                <div class="item-media"><i class="c-333 icon iconfont_v2 icontuiguang"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">推广中心</div>
                                    <div class="item-after" th:if="!${isAgentUser}">
                                        <span id="open" class="button button-round button-danger button-fill fs4 hide" style="height: 1rem;line-height: 1rem;">申请开通</span>
                                    </div>
                                </div>
                            </li>
                            <li class="item-content item-link myGiftCardAndCoupon">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconyouhuiquan"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">优惠券和礼卡</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>

                            <li class="item-content item-link myMessage">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconxinfeng1"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">消息中心</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myFeedback">
                                <div class="item-media"><i class="c-333 icon iconfont icon-taolun"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">反馈</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link mySettings">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconshezhi"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">设置</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link myDownload" th:if="${oNoffMap['h5AppDownloadSwitch']} eq 'ON'">
                                <div class="item-media"><i class="c-333 icon iconfont_v2 iconxiazai"></i></div>
                                <div class="item-inner">
                                    <div class="item-title">下载APP应用</div>
                                    <div class="item-after">&nbsp;</div>
                                </div>
                            </li>
                            <li class="item-content item-link ">
                                <div class="item-media"><i class="c-333 icon icon-phone vam"></i></div>
                                <a class="item-inner c-333"  th:href="${serviceConfig['type']}==2?'tel:'+${serviceConfig['context']}:${serviceConfig['context']}">
<!--                                    <div class="">-->
                                        <div class="item-title">在线客服</div>
                                        <div class="item-after">&nbsp;</div>
<!--                                    </div>-->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--我的 结束-->
        </article>
    </div>

    <!--主体区域 结束-->
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/u-index.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/op/coupon/user-receive-coupon.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var appHrefDown = [[${appDowMap['appHref']}]];
        var wechatServiceUrl = [[${wechatServiceUrl}]];
    </script>
</body>
</html>